<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>PCR台四（小小甜心）黑名单</title>
    <link rel="stylesheet" href="main.css?v=1.2">
    <link rel="shortcut icon" type="image/x-icon" href="https://konfan.oss-cn-beijing.aliyuncs.com/pcr/mimi.png" />
    <link href="https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&display=swap" rel="stylesheet">
    <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?90f6e0a0fced7cb368af960baa4de4da";
          var s = document.getElementsByTagName("script")[0]; 
          s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>
    <div id="main-holder">
        <div id="intro">
            <p>
                这里是用于展示<b>公主连结台四（小小甜心）会战期间</b>，被指责有过违规行为账号的页面。
            </p>
            <p>
                违规行为<b>仅</b>包括以下四大类：</br>
                <span>消极出刀 不出刀 侮辱他人 毁号</span> 
            </p>
        </div>
        <div id="report-intro">
            <p>
               想举报账号？请加群私聊管理<a href="https://jq.qq.com/?_wv=1027&k=HicGkUbM" target="_blank">进行证据提交</a> </br>
               <!-- 有疑问？<a href="#about">策略介绍</a> </br> -->
               由于证据来源存在不准确性，请客观评价每个热爱游戏的玩家。 </br>
            </p>
            <p>
            </p>
            <p>
            </p>
        </div>
        <div id="input-holder">
            <div class="input-box">
                <input type="number" id="input" placeholder="输入数字ID" onfocus="clearPrevios()">
                <span></span>
            </div>
            <button onclick="search()" class="bubble">搜索ID</button>
        </div>
        <div class="table-holder">
            <table>
                <thead>
                    <tr>
                        <th>公主连结ID</th>
                        <th>游戏昵称</th>
                        <th>QQ</th>
                        <th>原因</th>
                        <th>证据地址</th>
                        <th>时间</th>
                        <th>标题</th>
                    </tr>
                </thead>
                <tbody id="main-table">
                </tbody>
            </table>
        </div>
        <p id="about">
            想提交举报或对此页内容有疑问的，请点击最上方的“<a href="https://jq.qq.com/?_wv=1027&k=HicGkUbM" target="_blank">进行证据提交</a>”。</br>
            此网站非公主连结Re:Dive官方项目，黑名单仅供参考，请自行判断孰是孰非。</br>
            更新周期为7天一次。</br>
            repo fork from: <a href="https://github.com/subdance/pcrboard" target="_blank">subdance/pcrboard</a></br>
            last update: <span>2021年5月2日 22:50</span> </br>
            launched for: <span id="launched-time"></span>
        </p>
    </div>
    <script type="text/javascript">
        const table = document.querySelector("#main-table");
        const d = [
            {
                id: '481279306',
                nickname: '三日',
                qq: '226523291',
                reason: '消极出刀/不出刀',
                prove: 'https://nga.178.com/read.php?tid=26561053',
                time: "2021年3月/2021年4月",
                title: "[风纪区] 台四前20公会经典和天兔联合出品惊天大瓜"
            },
            {
                id: '705274223',
                nickname: '忘生',
                qq: '2438268825',
                reason: '不出刀',
                prove: '',
                time: "2021年4月",
                title: "公会会长提供聊天截图"
            },
            {
                id: '282734420',
                nickname: '锅包肉子',
                qq: '835393510',
                reason: '不出刀',
                prove: '',
                time: "2021年2月",
                title: "公会会长提供聊天截图"
            },
            {
                id: '686727705',
                nickname: '刃哭',
                qq: '954310565',
                reason: '不出刀',
                prove: 'https://nga.178.com/read.php?tid=25341835',
                time: "2021年1月",
                title: "[风纪区] 台四前20挂个装死内鬼 附id"
            },
            {
                id: '849187134',
                nickname: '日语我不会打',
                qq: '',
                reason: '不出刀',
                prove: 'https://nga.178.com/read.php?tid=24924975',
                time: "2020年9月/2020年12月",
                title: "[风纪区] 台四小小甜心， 黑名单1位"
            },
            {
                id: '381746548',
                nickname: '洛克希',
                qq: '',
                reason: '消极出刀/不出刀',
                prove: 'https://nga.178.com/read.php?tid=23584313',
                time: "2020年9月",
                title: "[风纪区] 台四小小甜心， 黑名单3位"
            },
            {
                id: '502223887',
                nickname: '白乌鸦',
                qq: '',
                reason: '消极出刀/不出刀',
                prove: 'https://nga.178.com/read.php?tid=23584313',
                time: "2020年9月",
                title: "[风纪区] 台四小小甜心， 黑名单3位"
            },
            {
                id: '849187134',
                nickname: '抓住光三點零（挖挖',
                qq: '',
                reason: '消极出刀/不出刀',
                prove: 'https://nga.178.com/read.php?tid=23584313',
                time: "2020年9月",
                title: "[风纪区] 台四小小甜心， 黑名单3位"
            }
        ];
        function appendToNode(parentNode, tagName, innerHTML) {
            const ele = document.createElement(tagName);
            ele.innerHTML = innerHTML;
            parentNode.appendChild(ele);
        };
        function search() {
            const value = input.value.trimAll();
            const temp = d.map(item => item.id.trimAll());
            const index = temp.indexOf(value);
            if (index <= -1) {
                alert("未搜索到此id");
                return;
            }
            const id = `#id-${temp[index]}`;
            location.href = id;
            const node = document.querySelector(id);
            node.classList.add("target-tr");
        }
        function getDiff() {
            const diff = new Date() - new Date(2021, 4, 2, 20, 30);
            const node = document.querySelector("#launched-time");
            node.innerHTML = Number.parseInt( diff / 60 / 60 / 1000) + '小时';
        }
        function clearPrevios() {
            const node = document.querySelectorAll(".ids");
            node.forEach(item => {
                item.classList.remove("target-tr");
            })
        }
        document.addEventListener("keyup", e => {
            if (e.keyCode == 13) {
                search();
            }
        })
        String.prototype.trimAll = function () {
            return this.replace(/\s/g, '')
        }
        d.forEach((item, index) => {
            const innerHTML = `
                <td class='ids' id=id-${item.id.trimAll()}>${item.id}</td>
                <td class='qq'>${item.nickname}</td>
                <td class='qq'>${item.qq !== '' ? item.qq : "无"}</td>
                <td class='reason-td'>${item.reason}</td>
                <td><a class='link-td' href=${item.prove} target='_blank'>${item.prove !== '' ? "NGA" : "无"}</td>
                <td class='time'>${item.time}</td>
                <td class="title">${item.title}</td>
            `
            appendToNode(table, "tr", innerHTML);
        })
        getDiff();
        setInterval(getDiff, 10000);
    </script>
</body>
</html>